const { defineConfig } = require('@vue/cli-service')
var path = require('path')
// 执行环境
const NODE_ENV = process.env.NODE_ENV
console.log('NODE_ENV', NODE_ENV);
module.exports = defineConfig({
  transpileDependencies: true,
  pages: {
    index: {
      // page 的入口
      entry: NODE_ENV == 'development' ? './src/main.js' : './src/components/areaSelect.js',
      name: 'areaSelect',
      chunks: ['chunk-vendors', 'chunk-common', 'index'],
      filenameHashing: false,
      //  filename: "areaSelect.js", //指定最终打包成dist文件夹下的文件名
      // library: "vueAreaSelect",  // 指定的就是你使用require时的模块名
      // libraryTarget: "umd", //libraryTarget会生成不同umd的代码,可以只是commonjs标准的，也可以是指amd标准的，也可以只是通过script标签引入的
      // umdNamedDefine: true  //会对 UMD 的构建过程中的 AMD 模块进行命名。否则就使用匿名的 define
    },
    // 当使用只有入口的字符串格式时，
    // 模板会被推导为 `public/subpage.html`
    // 并且如果找不到的话，就回退到 `public/index.html`。
    // 输出文件名会被推导为 `subpage.html`。
  },
  chainWebpack: config => {
    // 修改 webpack 配置，取消输出文件的 hash 命名
    config.output.filename('js/[name].js').end();
    config.output.chunkFilename('js/[name].js').end();
  },
  css: {
    extract:false,
    loaderOptions: {
      css: {
        // 这里的选项会传递给 css-loader
      },
      postcss: {
        // 这里的选项会传递给 postcss-loader
      }
    }
  }
})

// entry: NODE_ENV == 'development' ? './src/main.js' : './src/components/areaSelect.js',
// 配置Webpack的入口文件
// entry: {
//   app: './src/main.js' // 这里假设您的入口文件是src/main.js
// },
// output: {
//   //修改打包出口，在最外级目录打包出一个 index.js 文件，我们 import 默认会指向这个文件
//   path: path.resolve(__dirname, './dist'),
//   publicPath: '/dist/',
//   // filename: 'build.js'
//   filename: "areaSelect.js", //指定最终打包成dist文件夹下的文件名
//   library: "vueAreaSelect",  // 指定的就是你使用require时的模块名
//   libraryTarget: "umd", //libraryTarget会生成不同umd的代码,可以只是commonjs标准的，也可以是指amd标准的，也可以只是通过script标签引入的
//   umdNamedDefine: true  //会对 UMD 的构建过程中的 AMD 模块进行命名。否则就使用匿名的 define
// }